<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/themes/default/jquery.mobile-1.2.0.min.css" />

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script>
<title>Untitled Document</title>
</head>

<body>

<div data-role="page" id="pageAccount">
	<div data-role="header" data-position="fixed">
		<h1>Account</h1>
        <a href="#" id="openDialogSignOut" data-icon="delete" class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
	</div>
	<div data-role="content">	
		
        <table width="100%" height="100%" cellspacing="5">
            <tr height="120px">
                <td align="center" width="100"><img src="images/NoAvarta.gif" width="100" class="shadow_Thanh"></td>
                <td>
                	<table width="100%" border="0">
                    	<tr>
                        	<td rowspan="2" width="80%">
                            
                            	<h3 style="color:#0000FF;margin-left:10px">Tuan Thanh Pham</h3>
                                
                            </td>
                           
                        <tr>
                        	<td  align="right">
                            	<a  href="#dialogChangeInformation" data-rel="dialog" data-transition="flow" data-role="button" data-inline="true" data-icon="arrow-d" data-theme="e" data-mini="true">Edit</a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            
            <!--Thong tin tai khoan-->
            <tr>
                <th colspan="2" align="left"><br/>Account Information</th>
            </tr>
            <tr>
                <td colspan="2">
                	
                    <div class="buble_Thanh">
                    	<table border="0" cellpadding="7">
                           
                            <tr>    
                            	<td align="justify">    
                                    <strong>Email: </strong>thanh100111@gmail.com
                                </td>
                            </tr>
                            <tr>
                            	<td align="justify">    
									<strong>Date of registration: </strong>1/1/2012
                                </td>
                            </tr>
                           <tr>
                            	<td align="justify">    
									<strong>Accumulated points: </strong>1000
                                </td>
                            </tr>
                        </table>
                    </div>
					
                </td>
            </tr>
            <!--END: Thong tin tai khoan-->
            
            <!--Thong tin cá nhân-->
            <tr>
                <th colspan="2" align="left"><br/>Personal Information</th>
            </tr>
            <tr>
                <td colspan="2">
                	
                    <div class="buble_Thanh">
                    	<table border="0" cellpadding="7">
                        	<tr>
                            	<td align="justify">
                                    <strong>Sex: </strong>Male<br/>                                
								</td>
                            </tr>
                            <tr>
                            	<td align="justify">
                                	<strong>Date of birth: </strong>15/6/1992<br/>
								</td>
                            </tr>
                            <tr>
                            	<td align="justify">
                                	<strong>Address: </strong>71 Phan Van Tri<br>
								</td>
                            </tr>
                            <tr>
                            	<td align="justify">
                                	<strong>Phone number: </strong>0919348878<br>
                                </td>
                            </tr>
                           
                        </table>
                    </div>
					
                </td>
            </tr>
            <!--END: Thong tin tai khoan-->
            <tr>
                <th colspan="2" align="left">
                <br/>
                <a href="#" id="openDialogSignOut" data-role="button" data-theme="e">Log out</a>
                </th>
            </tr>
        </table>     
        <!--END: Content-->        
        
	</div>

      <style>	
.nav-glyphish-example .ui-btn .ui-btn-inner { padding-top: 40px !important; }
		.nav-glyphish-example .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }



#GioHang.ui-icon { background:url(../../Giao%20ti%E1%BA%BFp%20ng%C6%B0%E1%BB%9Di%20m%C3%A1y/%C4%90%E1%BB%93%20%C3%A1n%20cu%E1%BB%91i%20k%C3%AC_Qu%E1%BA%A3n%20l%C3%AD%20th%C6%B0%20vi%E1%BB%87n/10130015_10130077_10130087_Final/images/icons-gray/236-shoppingbag@2x.png) 50% 50% no-repeat;}
#MuaHang .ui-icon { background:url(../../../Giao%20ti%E1%BA%BFp%20ng%C6%B0%E1%BB%9Di%20m%C3%A1y/%C4%90%E1%BB%93%20%C3%A1n%20cu%E1%BB%91i%20k%C3%AC_Qu%E1%BA%A3n%20l%C3%AD%20th%C6%B0%20vi%E1%BB%87n/10130015_10130077_10130087_Final/images/icons-gray/70-tv@2x.png) 50% 50% no-repeat;}
#SuKien.ui-icon { background :url(../../../Giao%20ti%E1%BA%BFp%20ng%C6%B0%E1%BB%9Di%20m%C3%A1y/%C4%90%E1%BB%93%20%C3%A1n%20cu%E1%BB%91i%20k%C3%AC_Qu%E1%BA%A3n%20l%C3%AD%20th%C6%B0%20vi%E1%BB%87n/10130015_10130077_10130087_Final/images/icons-gray/282-cards@2x.png) 50% 50% no-repeat;}
#TaiKhoan.ui-icon { background:url(../../../Giao%20ti%E1%BA%BFp%20ng%C6%B0%E1%BB%9Di%20m%C3%A1y/%C4%90%E1%BB%93%20%C3%A1n%20cu%E1%BB%91i%20k%C3%AC_Qu%E1%BA%A3n%20l%C3%AD%20th%C6%B0%20vi%E1%BB%87n/10130015_10130077_10130087_Final/images/icons-gray/111-user@2x.png) 50% 50% no-repeat;}
</style>	

	<div data-role="footer" data-id="foo1" class="nav-thanh-customicon" data-position="fixed">
		<div data-role="navbar" class="nav-thanh-customicon">
		<ul>
			<li><a href="Cart.html" id="Cart" data-icon="custom">Cart</a></li>
			<li><a href="Buy Products.html" id="Buy" data-icon="custom">Buy Product</a></li>
            <li><a href="Event.html" id="Event" data-icon="custom">Event</a></li>
			<li><a href="Customer.html" id="AccountCustomer" data-icon="custom" class="ui-btn-active ui-state-persist">Customer</a></li>
		</ul>
		</div>
	</div>
</div>




<!--dialogSuaThongTinCaNhan -->
<div data-role="page" id="dialogChangeInformation">
	<div data-role="header" data-position="fixed">
		<h1>Change information</h1>
        
	</div>
	<div data-role="content"  data-theme="d">	
		
    <form>	
        <div data-role="fieldcontain">
            <label for="ten">Name:</label>
            <input type="text" name="ten" id="ten" value="Tuan Thanh Pham" required/>
        </div>
        <div data-role="fieldcontain">
            <fieldset data-role="controlgroup" data-type="horizontal">
              <legend>Sex:</legend>
              <input type="radio" name="radio1" id="radio1_0" value="" checked/>
              <label for="radio1_0">Male</label>
              <input type="radio" name="radio1" id="radio1_1" value="" />
              <label for="radio1_1">Female</label>
            </fieldset>
        </div>
        
        <div data-role="fieldcontain">   
            <label for="date">Date of birth:</label>
            <input type="date" name="date" id="date" value="15-06-1992" />
        </div>
        <div data-role="fieldcontain">
          <label for="textarea">Address:</label>
          <textarea cols="40" rows="8" name="textarea" id="textarea">71 Phan Van Tri</textarea>
        </div>
        <div data-role="fieldcontain">
          <label for="textinput">Phone number:</label>
          <input type="text" name="textinput" id="textinput" value="0919348878"  />
        </div>
<br/>    
        <fieldset class="ui-grid-a">
                  <div class="ui-block-a"><button type="submit" data-theme="a">Change</button></div>
                  <div class="ui-block-b"><a data-role="button" data-rel="back" data-theme="b" href="Account Information.html" id="NoChange">Cancel</a></div>
         </fieldset>
    </form> 
        
	</div>
	
</div>



<div data-role="page" id="pageTemp_Customer">
	<div data-role="header" data-position="fixed">
		<h1>Account</h1>
        <a href="#" id="openDialogSignOut" data-icon="delete" class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
	</div>
	<div data-role="content">	
		
       <a href="#page2" data-role="button" data-transition="flow">Button</a>
        
	</div>
	<div data-role="footer" data-id="foo1" class="nav-thanh-customicon" data-position="fixed">
		<div data-role="navbar" class="nav-thanh-customicon">
		<ul>
			<li><a href="Cart.html" id="Cart" data-icon="custom">Cart</a></li>
			<li><a href="Buy Products.html" id="Buy" data-icon="custom">Buy Product</a></li>
            <li><a href="Event.html" id="Event" data-icon="custom">Event</a></li>
			<li><a href="Customer.html" id="AccountCustomer" data-icon="custom" class="ui-btn-active ui-state-persist">Customer</a></li>
		</ul>
		</div>
	</div>
</div>
<!--END: Tempatle page -->

</body>
</html>
